<%@taglib uri="/struts-tags" prefix = "s" %>
<%@ page language="java" import="java.sql.*,java.util.*"
	pageEncoding="utf-8"%>
	<%
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 %>
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="<%=path %>/js/jquery1.3.2.js"></script> 
 <script type="text/javascript">

var dataTemp = null;
function queryFans(userId){
// 	alert("成功！");
// 	var nameVal = $('form input[name="q"]').val();
	$.post("<%=request.getContextPath() %>/show_person_user_fans",
		{userId: userId},
		function(res){
		$('#content').html(res);
// 		$('#content').html("a");
		}
	);
}

function queryFaned(userId){
// 	alert("成功！");
// 	var nameVal = $('form input[name="q"]').val();
	$.post("<%=request.getContextPath() %>/show_person_user_faned",
		{userId: userId},
		function(res){
		$('#content').html(res);
// 		$('#content').html("a");
		}
	);
}

function querySellOrBuy(userId,sellOrBuy){
// 	alert("成功！");
// 	var nameVal = $('form input[name="q"]').val();
	$.post("<%=request.getContextPath() %>/show_person_item",
		{userId: userId,sellOrBuy:sellOrBuy},
		function(res){
		$('#content').html(res);
// 		$('#content').html("a");
		}
	);
}
</script>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		
        
        .detail li{
        float:left;
/*         clear:both; */
        width:250px;
        text-align: left;
        } 
           .black_overlay {
            display: none;
            top: 0%;
            left: 0%;
            width: 100%;
            position: absolute;
            height: 100%;
            background-color: black;
            z-index: 500;
            opacity: .30;
        }
        
        *{
            margin: 0px;
            padding: 0px;
            color:  #555;
        }

        img.user_profile{
            height: 140px;
            width: 140px;
        }

        img.book_pic {
            height: 220px;
            background-repeat: repeat-x;
            background-size: 50% 100%;
            width: 280px;
        }

        .content_right {
            float: right;
            width: 670px;
            overflow: hidden;
            margin-right:20px;
        }

        div.comment_item div.user_pic {
            width: 60px;
            height: 60px;
            float: left;
        }
        
        div.comment_item {
            padding: 10px;
            border-bottom: 1px dashed rgb(222,222,222);
        }
        .content_left {
            float: left;
            width: 300px;
            margin-left:50px;
        }

        div.comment_item div.detail p {
            font-size: 16px;
            margin: 6px 0px;
        }

        div.comment_item div.detail {
            margin-left: 80px;
            word-break: break-all;
            word-wrap: break-word;
        }

        span.male {
            color: blue;
        }
        a {
            color: rgb(63,98,166);
            text-decoration: none;
        }
        
        a.button_link {
            background-color: rgb(255,159,30);
            padding: 4px 16px;
            font-size: 15px;
            font-weight: bold;
            color: rgb(255,255,255);
            text-decoration: none;
            text-align: center;
            float: right;
        }
        div.book_item, div.news_item, div.list_news_item {padding: 10px;
            margin-top: 6px;
            background-color: rgb(255,255,255);
            word-break: break-all;
            word-wrap: break-word;
            overflow: hidden;
        }

        div.book_item div.book_pic, div.book_pic_border {
            margin-right: 10px;
            overflow: hidden;
            width: 300px;
            height: 160px;
            border: 1px solid 
            text-align: center;
            margin-bottom: 2px;
            margin-right: 20px;
            float: left;
        }
        div.user_nav_info ul li {
            word-break: break-all;
            word-wrap: break-word;
            color: rgb(255,255,255);
            line-height: 20px;

        }
        body{
            font-family: "WenQuanYi Micro Hei",Î¢ÈíÑÅºÚ,Arial,Helvetica,sans-serif;
            font-size: 12px;
        }

        a.user_fan_faned_link:hover {
            text-decoration: none;
            background-color: white;
            color: black;
        }

        input.button_user_action {
            border: 0px;
            color: white;
            cursor: pointer;
            font-family: Î¢ÈíÑÅºÚ,Arial,Helvetica,sans-serif;
            background-color: rgb(255,159,30);
            vertical-align: middle;
            height: 29px;
            padding: 6px 2px;
            border-radius: 5px;
        }

        div.side_block {
            width: 290px;
            height: 126px;
        }

        div.side_block div.separate {
            border-bottom: 1px solid rgb(120,120,120);
            clear: both;
        }

        li {
            display: block;
            text-align: left;
        }

        div.side_user_list ul li{
            float: left;
            height: 40px;
            width: 40px;
            margin: 3px;
        }
        div.side_block div.title{
            color: rgb(120,120,120);
            padding: 3px 0px 3px 4px;
            font-size: 16px;
            font-weight: bold;
        }
        
        div.side_user_list{
            padding: 6px;
        }
        div.side_user_list ul li img{
            border: 1px solid rgb(255,255,255);
            height: 40px;
            width: 40px;
        }
        a.user_fan_faned_link {
            color: rgb(255,255,255);
            padding: 1px;
            text-decoration: none;
        }

        element.style {
            width: 135px;
            margin-right: 10px;
        }
        div.user_photo {
            width: 280px;
            height: 140px;
            overflow: hidden;
            border: 10px solid rgb(255,255,255);
            text-align: left;
            background-color: rgb(91,176,199);
        }
        input.ubm_textinput, textarea.ubm_textinput, select.ubm_textinput {
            margin: 0px 10px 0px 0px;
            border: 1px solid #BDC7D8;
            font-size: 15px;
            line-height: 18px;
            padding: 5px 4px;
            vertical-align: middle;

        }

        div#main_content {
            padding: 10px 0px;
            height: auto;
        }

        input.button, input.button_small, input.button_user_action {
            border: 0px;
            color: white;
            cursor: pointer;
            font-family: Î¢ÈíÑÅºÚ,Arial,Helvetica,sans-serif;
            background-color: rgb(255,159,30);
            vertical-align: middle;
        }

        .align_right, .dashed_border_bottom ,.align_right div, .align_right input{
            height:30px;
            margin-top: 10px;
        }
        
       
        div.comment_container {
            padding: 10px
        }
        div.user_left_nav div.self_introduction {
            border-radius: 5px;
            word-wrap: break-word;
            text-align: left;
            line-height: 28px;
            font-size: 16px;
            background-color: rgb(91,176,199);
            margin-bottom: 10px;
            width: 280px;
            padding: 10px;
            color: rgb(255,255,255);
        }

        div.comment_area textarea {
            width: 638px;
            height: 80px;
            resize: none;
        }

        ul.mypage_nav li a:hover {
    color: rgb(55,138,162) !important;
    border-bottom: 2px solid rgb(55,138,162);
    text-decoration: none;
}

        ul.mypage_nav li {
    float: left;
    margin-right: 6px;
    text-align: center;
}

        ul.mypage_nav li a {
    display: block;
    margin-top: 0px;
    color: #555;
    width: 150px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    padding: 4px;
    border-bottom: 2px solid rgb(222,222,222);
        font-size: 16px;
    font-weight: bold;
}




	</style>
</head>
<body>
	<div class="content_left">
	<div class="user_left_nav">
    <div class="user_photo">
        <div style="float: left;">
            <img class="user_profile" src="<%=path %><s:property value="#request.personUser.ui.path"/>" alt="<s:property value="#request.personUser.name"/>">
        </div>
        <div class="user_nav_info">
            <ul>
                <li><s:property value="#request.personUser.name"/></li><li><s:if test="#request.personUser.sex=='male'">
				男生
				</s:if>
				<s:else>
				女生
				</s:else></li><li><s:property value="#request.personUser.school"/></li><li>上次登录:&nbsp;<s:property value="#request.loginDate"/></li><li><a class="user_fan_faned_link">关注(<s:property value="#request.fanedNum"/>)</a>&nbsp;<a class="user_fan_faned_link" href="http://www.jiushujie.com/user/1927336/fan">粉丝(<s:property value="#request.fansNum"/>)</a></li>            </ul>
        </div>
    </div>
    <div class="list_shadow_300"></div>
    
<div class="self_introduction">有需要的书籍请在页面下留言，谢谢<br></div><div><input type="hidden" value="1927336" name="book_owner_id" id="book_owner_id">

<div class="user_action_block"><form style="float:left" action="insert_fans?user.id=202&amp;item_id=212" method="post"><input style="width:135px;margin-right:10px;" class="button_user_action" type="submit" onclick="insert_fans?user.id=202&amp;item_id=212" value="关注TA"></form> <input style="width:135px" class="button_user_action" type="button" value="发消息"></div><div style="display:none;" id="user_common_dlg">
<div class="dlg_coGntent"><input type="hidden" value="1927336" name="user_common_dlg_receiver_id" id="user_common_dlg_receiver_id"><div class="row"><span class="title">收信人:</span><br><input class="ubm_textinput" disabled="disabled" style="width:560px;" size="100" maxlength="100" type="text" value="taohele" name="user_common_dlg_receiver_nickname" id="user_common_dlg_receiver_nickname"></div><div class="row"><span class="title">留言内容(限255字):</span><br><textarea class="ubm_textinput" size="255" maxlength="255" name="user_common_dlg_content" id="user_common_dlg_content"></textarea></div><input id="user_common_dlg_submit_button" class="button" name="yt3" type="button" value="提交"></div></div></div>    <div class="clearfloat"></div>
</div>
</div>

<div style="float: left;margin:6px 0 -2px 50px;">
    <ul class="mypage_nav">
       
        <li>
            <a id="sell_list_tab"  onclick="querySellOrBuy(<s:property value="#request.personUser.id"/>,'sell')"  class="selectedtab" fhzd_has_check="true">出售</a>
        </li>
       <li>
            <a id="sell_list_tab" onclick="querySellOrBuy(<s:property value="#request.personUser.id"/>,'buy')" class="selectedtab" fhzd_has_check="true">求购</a>
        </li>
        <li>
            <a id="follow_list_tab" onclick="queryFaned(<s:property value="#request.personUser.id"/>)" fhzd_has_check="true">关注</a>
        </li>
        <li>
            <a id="fan_list_tab" onclick="queryFans(<s:property value="#request.personUser.id"/>)" fhzd_has_check="true">粉丝</a>
        </li>
    </ul>
</div>
<div  id="content" style="float:right;width:600px;height:580px;margin-top:20px;margin-left:20px;">
	

	</div>
</body>
</html>